.tab-setup {
	.ui-grid-col {
		margin-bottom: 0;
	}
	.content_wrapper {
		position: initial;
	}
	.default_btn {
		margin-bottom: 10px;
	}
	.cell_setup {
		border-bottom: solid 1px var(--subtleAccent);
		padding-bottom: 8px;
		padding-top: 7px;
	}
	.data-loading-setup {
		width: 100%;
		height: 100%;
	}
	.modelwrapper {
		clear: both;
		margin-bottom: 5px;
	}
	.model-and-info {
		position: relative;
		height: 400px;
		margin-bottom: 10px;
	}
	#interactive_block {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #f9f9f9;
		border-radius: 5px;
		border: 1px solid #e4e4e4;
		a.reset {
			position: absolute;
			display: block;
			top: 10px;
			right: 10px;
			border-radius: 3px;
			bottom: 10px;
			height: 28px;
			line-height: 28px;
			padding: 0 15px 0 15px;
			text-align: center;
			font-weight: bold;
			border: 1px solid var(--subtleAccent);
			background-color: #ececec;
			z-index: 100;
			&:hover {
				background-color: #dedcdc;
			}
		}
	}
	#canvas_wrapper {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		border-radius: 5px;
	}
	.regular-button {
		margin-top: 8px;
		margin-bottom: 8px;
		margin-right: 10px;
		background-color: #ffbb00;
		border-radius: 3px;
		border: 1px solid #dba718;
		color: #000;
		font-size: 12px;
		text-shadow: 0 1px rgba(255, 255, 255, 0.25);
		display: inline-block;
		cursor: pointer;
		transition: all ease 0.2s;
		padding: 0 9px;
		line-height: 28px;
		&:hover {
			background-color: #ffcc3e;
			transition: all ease 0.2s;
		}
		&:active {
			background-color: #ffcc3e;
			transition: all ease 0.0s;
			box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
		}
	}
	.regular-button.disabled {
		cursor: default;
		color: #fff;
		background-color: #AFAFAF;
		border: 1px solid #AFAFAF;
		pointer-events: none;
		text-shadow: none;
		opacity: 0.5;
	}
	dialog {
		width: 40em;
		border-radius: 5px;
		.buttons {
			position: static;
			margin-top: 2em;
		}
		h3 {
			margin-bottom: 0.5em;
		}
	}
}
#accel_calib_running {
	display: none;
	width: 100%;
	position: relative;
	margin-bottom: 0;
	margin-top: 0;
	float: left;
	padding: 5px 0 5px 0;
	text-align: center;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ffbb00;
	color: #ffbb00;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	transition: all ease 0.2s;
	text-decoration: none;
}
#mag_calib_running {
	display: none;
	width: 100%;
	position: relative;
	margin-bottom: 0;
	margin-top: 0;
	float: left;
	padding: 5px 0 5px 0;
	text-align: center;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #ffbb00;
	color: #ffbb00;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	transition: all ease 0.2s;
	text-decoration: none;
}
#canvas {
	width: 100% !important;
	height: 100% !important;
}
.attitude_info {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 120px;
	margin: 0 0 0 0;
	font-weight: normal;
	color: var(--mutedText);
	dl {
		width: 100%;
	}
	dt {
		width: 50%;
		float: left;
	}
	dd {
		width: 50%;
		float: left;
	}
}
.block.info {
	.fields {
		padding: 5px 5px 3px 5px;
	}
	dt {
		float: left;
		width: 99px;
		height: 20px;
		line-height: 20px;
	}
	dd {
		width: 76px;
		height: 20px;
		line-height: 20px;
		margin-left: 99px;
	}
}
.block.gps {
	width: 185px;
	margin-bottom: 10px;
	.fields {
		padding: 5px 5px 3px 5px;
	}
	dt {
		float: left;
		width: 85px;
		height: 20px;
		margin-bottom: 2px;
		line-height: 20px;
	}
}
.block.instruments {
	width: 285px;
	align-content: center;
	text-align: center;
}
.buttons {
	bottom: 20px;
}
.disarm-flag {
	padding-left: 5px;
}
@media all and (max-width: 575px) {
	.tab-setup {
		.cell_setup {
			border-bottom: none;
			padding-bottom: 15px;
			padding-top: 0;
		}
		.default_btn {
			margin-bottom: 5px;
		}
		.model-and-info {
			height: 200px;
		}
		dialog {
			width: calc(100% - 2em);
			border-radius: unset;
		}
	}
}
@media only screen and (max-width: 1055px) {
	.block.instrument {
		.attitude {
			width: 50px !important;
			height: 50px !important;
		}
		.heading {
			width: 50px;
			height: 50px;
		}
	}
}
@media only screen and (max-device-width: 1055px) {
	.block.instrument {
		.attitude {
			width: 50px !important;
			height: 50px !important;
		}
		.heading {
			width: 50px;
			height: 50px;
		}
	}
}
